<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人博客</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body class="body">
<div class="db">
        <a href=""><img src="img/db.png" alt=""></a><a href="" class="yc"><img src="img/db.png" alt=""></a>
</div>
<header>
    <div class="container">
        <div class="logo">
            <a href="index.html"><img src="img/bk.png" alt=""></a>
        </div>
        <div class="logo-1">
            <ul>
                <li class="hs"><a href="index.html">首页</a></li>
                <li><a href="index1.html">相册</a></li>
                <li><a href="index2.html">案列</a></li>
                <li><a href="index3.html">关于我</a></li>
                <li><a href="index4.html">留言</a></li>
            </ul>
        </div>
    </div>
</header>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-4 bxs">
                <div class="gy">
                    <h6>关于我</h6>
                    <p><img src="img/tx.jpg" alt=""></p>
                    <div class="gy-1">
                    <span>
                        <b>张紫川</b>，一个00后计算机网络工程师！18年入行。
                        一直潜心研究web前端技术，一边学习一边积累经验.
                    </span>
                </div>
                </div>
                <div class="gy-2">
                        <h6>我的相册</h6>
                    <a href="index1.html"><img src="img/xc.jpg" alt=""></a><a href="index1.html" class="bk"><img src="img/xc-1.jpg" alt=""></a>
            </div>
                <div class="gy-3">
                    <input type="text" placeholder="请输入关键字词"><button>搜索</button>
                </div>
                <div class="gy-4">
                    <h6>文章分类</h6>
                    <p>文章（7）</p>
                    <p>相册（2）</p>
                </div>
                <div class="gy-5">
                    <h6>点击排行</h6>
                    <ul>
                        <li><img src="img/dian.png" alt=""><a href="">个人博客从简不繁</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">个人博客，属于我的小世界！</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">个人博客，我为什么要用帝国cms？</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">个人博客模板《早安》</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">简单手工纸玫瑰</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">【匆匆那些年】总结个人博客经历的这...</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">作为一个设计师，如果遭到质疑你是否...</a></li>
                        <li><img src="img/dian.png" alt=""><a href="">安静的做一个爱学习的男孩</a></li>
                    </ul>
                </div>
                <div class="gy-6">
                    <h6>友情链接</h6>
                    <a href="">张紫川个人博客</a>
                </div>
                <div class="gy-7">
                    <h6>关注我么么哒</h6>
                    <p><img src="img/sk.png" alt=""></p>
                </div>
        </div>
            <div class="col-md-8">
                <div class="gr">
                    <h5><span>【顶】</span><a href=""><b>个人博客从简不繁</b></a></h5>
                    <div class="item">
                        <div class="row">
                            <div class="col-md-9">
                               <div class="yd">
                                   <span>十一月中旬开始，排名突然下降了，网站“个人博客”关键词排名从第一页<span class="ml">第二名滑落到100页以后了，个人博客这个关键词百度已经搜不到了..</span>.</span>
                               </div>
                            </div>
                            <div class="col-md-3">
                                <div class="tp">
                                    <a href=""><img src="img/zd.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gr">
                    <h5><span>【顶】</span><a href=""><b>个人博客,属于我的小世界！</b></a></h5>
                    <div class="item">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="yd">
                                    <span>本文很长，记录了我博客建站初到现在的过程，还有我从毕业到现在的一个状态 <span class="ml">，感谢您的阅读，如果你还是学生，也许你能从此文中</span>...</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="tp">
                                    <a href=""><img src="img/zd-1.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gr">
                    <h5><span>【顶】</span><a href=""><b>个人博客，我为什么要用帝国cms？</b></a></h5>
                    <div class="item">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="yd">
                                    <span>我所知道的比较流行的博客系统有，wordpress，Z-Blog，emlog等，最流 <span class="ml">行的是worpress，主题多，插件多，所以选择wp的个人站长也很</span>...</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="tp">
                                    <a href=""><img src="img/zd-2.png" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gr">
                    <h5><a href=""><b>【匆匆那些年】总结个人博客经历的这四年</b></a></h5>
                    <div class="item">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="yd">
                                    <span>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有 <span class="ml">怨过，有悔过，有执着过，也有放弃过&hellip;但最后还是坚</span>...</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="tp">
                                    <a href=""><img src="img/zd-3.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="gr">
                <h5><a href=""><b>安静地做一个爱学习的男孩</b></a></h5>
                <div class="item">
                    <div class="row">
                        <div class="col-md-9">
                            <div class="yd">
                                <span>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因 <span class="ml">为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人</span>...</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="tp">
                                <a href=""><img src="img/zd-4.jpg" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <div class="gr">
                    <h5><a href=""><b>作为一个设计师，如果遭到质疑你是否能恪守自己的原则？</b></a></h5>
                    <div class="item">
                        <div class="row">
                            <div class="col-md-9">
                                <div class="yd">
                                    <span>曾经有站长找我求助，他说他不知道该怎么办，自己做出来的网站，不仅没有得 <span class="ml">到大家的认可，反而让大家给他开了一个评判大会。他自己认为</span>...</span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="tp">
                                    <a href=""><img src="img/zd-5.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    </div>
</main>
<footer>
    <div class="container">
    <span>Design by <a href="">张紫川个人博客</a>备案号：<a href="">京ICP备 <a href="" class="ml">18051643号-1</a></a></span>
    </div>
</footer>
<div class="footer-1">
<div class="container">
    <div class="sh">
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">相册</a></li>
            <li><a href="">文章</a></li>
            <li><a href="">关于我</a></li>
            <li><a href="">留言</a></li>
        </ul>
    </div>
</div>
</div>





<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>